<template>
  <div class="dada">
    <div class="not-found">
      <h1>404</h1>
      <p>页面不知飞哪去了 o(╥﹏╥)o</p>
      <p><router-link to="/">回到首页 ></router-link></p>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
.dada {
  height: 100vh;
  padding-top: 15%;
  background-color: #f7f7f7;
}
h1 {
  font-size: 8em;
  font-weight: bold;
}
.not-found {
  color: #666;
  text-align: center;
  padding: 100px 0;
}
a {
  color: #1faf88;
}
.not-found:first-child p {
  margin: 30px 0 50px 0;
}
</style>
